<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="s" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="sf" uri="http://www.springframework.org/tags/form" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>在线诊断——脑瘤诊断结果</title>

<link rel="stylesheet" type="text/css" href="resources/css/brain_tumor_result.css">
 <script type="text/javascript" src="resources/js/jquery.min.js"></script>
 <script type="text/javascript" src="resources/js/highcharts.js"></script>
 <script type="text/javascript" src="resources/js/exporting.js"></script>
 <script>
 $(function () {
	    $('#doctor').highcharts({
	        chart: {
	            plotBackgroundColor: null,
	            plotBorderWidth: null,
	            plotShadow: false
	        },
	        title: {
	            text: '<font style=\"font-family:微软雅黑\">经典医学经验结果(仅供参考和辅助诊断)</font>'
	        },
	        tooltip: {
	    	    pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
	        },
	        plotOptions: {
	            pie: {
	                allowPointSelect: true,
	                cursor: 'pointer',
	                dataLabels: {
	                    enabled: true,
	                    color: '#000000',
	                    connectorColor: '#000000',
	                    format: '<b>{point.name}</b>: {point.percentage:.1f} %'
	                }
	            }
	        },
	        credits: {
                enabled: false
            },
	        series: [{
	            type: 'pie',
	            name: '疾病概率',
	            data: [
	                ${ratios}
	            ]
	        }]
	    });
	});		
 $(function () {
	    $('#statistic').highcharts({
	        chart: {
	            plotBackgroundColor: null,
	            plotBorderWidth: null,
	            plotShadow: false
	        },
	        title: {
	            text: '<font style=\"font-family:微软雅黑\">智能诊断结果(仅供参考和辅助诊断)</font>'
	        },
	        tooltip: {
	    	    pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
	        },
	        plotOptions: {
	            pie: {
	                allowPointSelect: true,
	                cursor: 'pointer',
	                dataLabels: {
	                    enabled: true,
	                    color: '#000000',
	                    connectorColor: '#000000',
	                    format: '<b>{point.name}</b>: {point.percentage:.1f} %'
	                }
	            }
	        },
	        credits: {
                enabled: false
            },
	        series: [{
	            type: 'pie',
	            name: '疾病概率',
	            data: [
	                ['脑膜瘤',   45.0],
	                ['脑膜炎',       26.8],
	                ['正常情况',    8.5],
	                ['脑细胞瘤',     6.2],
	                ['其他',   0.7]
	            ]
	        }]
	    });
	});		
 </script>
<%@ include  file="../includes/icon.html" %>
</head>
<body>

   <div class="headbar">
        
   </div>
   <div class="linkbar">
       <div>
        <span style="display:inline-block;width:80%;float:left;color:white;line-height:40px;">
            <a class="linkbar_a" href="doctor/diagnoseBrainTumour">脑瘤诊断</a> | <a class="linkbar_a" href="doctor/diagnoseLiverTumour">肝癌诊断</a> 
        </span>
        
       </div> 
   </div>
   <div class="body"> 
     
     <div style="font-size:14px;margin-top:20px;">脑瘤诊断>>结果</div>
     
     <div class = "inputbar" >疾病诊断结果</div>
     <div class = "input-item" style="line-height:100px;margin-top:10px;border:1px solid #888">
      			     
      			 <div id= "doctor"  style="display:inline-block;margin-top:10px;width:49%;height:400px"></div>
      			 <div id="statistic" style="display:inline-block;margin-top:10px;width:49%;height:100%"></div>
     
     </div>   	

     
     <div class = "inputbar" >相似病例</div>
     <div class = "input-item" style="height:100px;line-height:100px;margin-top:10px;border:1px solid #888">
      		  <font style="font-size:25px;margin-left:30px;font-family:'微软雅黑','宋体';color:#444444">
			            全国共有3209人病症与该病人相似。
			  </font> 
			  <font style="float:right;font-size:20px;margin-right:20px;font-family:'微软雅黑';"><a>详情>></a></font>
     </div>
     
     <div class = "inputbar" >治疗方法</div>
     <div class = "input-item" style="margin-top:10px;font-size:18px;border:1px solid #888">
      		 <table style="margin-top:20px;margin-left:30px;margin-bottom:20px;color:#5500DD ;font-family:'微软雅黑';">
      		     <tr>
      		        <td style="width:300px;color:black;">方法名称  </td>
      		        <td style="width:300px;color:black;">使用人数  </td>
      		        <td style="width:300px;color:black;">5年存活率</td>
      		        <td style="width:300px;color:black;">详情</td> 
      		     </tr>
      		     <tr>
      		        <td> 保守镇痛疗法 </td>
      		        <td> 288  </td>
      		        <td> 67% </td>
      		        <td><a >详情</a></td> 
      		     </tr>
      		      <tr>
      		        <td> 化学疗法 </td>
      		        <td> 18800  </td>
      		        <td> 51% </td>
      		        <td><a  >详情</a></td> 
      		     </tr>
      		      <tr>
      		        <td> 放射疗法 </td>
      		        <td> 18800  </td>
      		        <td> 52.3% </td>
      		        <td><a  >详情</a></td> 
      		     </tr>
      		 </table>
     </div>
     
     
     <a class="linkbar_a" href="doctor/diagnoseBrainTumour" style="display:block;width:200px;height:30px;float:right;margin-top:30px;margin-right:20px;color:#003C9D;border:1px solid #ddd;text-align:center;background:#CCDDFF;line-height:30px">返回诊断页</a>
    
   </div>
   <div class="bottom">
   
   </div>
   
    
</body>
</html>